<template>
  <quick-message ref="quickMessage"></quick-message>
</template>

<script>
  import quickMessage from '@/components/quick-message/quick-message'
	import store from '@/store/index.js';
	
  export default {
    components: {
      quickMessage
    },
    methods: {
			setMessageToStore(component) {
        store.commit('setMessageComponent', component)
			},
      info(msg) {
        this.$refs.quickMessage.show({
          type: 'default', //String 默认default
          msg: msg, //String 显示内容 *
          direction: 'top', //String 默认顶部显示
          icon: true, //Boolean|String 显示icon(false/true/string 默认显示icon)
          mask: true, //Boolean 遮罩（默认false没有遮罩）
          time: 2000, //Number|Boolean 默认3000/false为不自动关闭
          iconSize: 16, //Number 自定义icon大小(单位px 默认16 设置后会覆盖自定义样式里的设置优先级最高)
          iconColor: '#999', //String icon颜色(默认主题颜色 设置后会覆盖自定义样式里的设置优先级最高)
        })
      },
      success(msg) {
        this.$refs.quickMessage.show({
          type: 'success', //String 默认default
          msg: msg, //String 显示内容 *
          direction: 'top', //String 默认顶部显示
          icon: true, //Boolean|String 显示icon(false/true/string 默认显示icon)
          mask: true, //Boolean 遮罩（默认false没有遮罩）
          time: 2000, //Number|Boolean 默认3000/false为不自动关闭
          customStyle:{ //自定义样式
            color: '#FFFFFF', //字体图标色
            backgroundColor: '#67c23a' //背景色
          },
          iconSize: 16, //Number 自定义icon大小(单位px 默认16 设置后会覆盖自定义样式里的设置优先级最高)
          iconColor: '', //String icon颜色(默认主题颜色 设置后会覆盖自定义样式里的设置优先级最高)
        })
      },
      warning(msg) {
        this.$refs.quickMessage.show({
          type: 'warning', //String 默认default
          msg: msg, //String 显示内容 *
          direction: 'top', //String 默认顶部显示
          icon: true, //Boolean|String 显示icon(false/true/string 默认显示icon)
          mask: true, //Boolean 遮罩（默认false没有遮罩）
          time: 2000, //Number|Boolean 默认3000/false为不自动关闭
          customStyle:{ //自定义样式
            color: '#FFFFFF', //字体图标色
            backgroundColor: '#FF7F47' //背景色
          },
          iconSize: 16, //Number 自定义icon大小(单位px 默认16 设置后会覆盖自定义样式里的设置优先级最高)
          iconColor: '', //String icon颜色(默认主题颜色 设置后会覆盖自定义样式里的设置优先级最高)
        })
      },
      error(msg) {
        this.$refs.quickMessage.show({
          type: 'error', //String 默认default
          msg: msg, //String 显示内容 *
          direction: 'top', //String 默认顶部显示
          icon: true, //Boolean|String 显示icon(false/true/string 默认显示icon)
          mask: true, //Boolean 遮罩（默认false没有遮罩）
          time: 2000, //Number|Boolean 默认3000/false为不自动关闭
          customStyle:{ //自定义样式
            color: '#FFFFFF', //字体图标色
            backgroundColor: '#DC2115' //背景色
          },
          iconSize: 16, //Number 自定义icon大小(单位px 默认16 设置后会覆盖自定义样式里的设置优先级最高)
          iconColor: '', //String icon颜色(默认主题颜色 设置后会覆盖自定义样式里的设置优先级最高)
        })
      }
    }
  }
</script>

<style scoped>

</style>